@charset "utf-8";
/* CSS Document */

/*//////////////////////////////// CSS reset //////////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,button{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
input,caption,th,select{text-align:left;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after {	content:'';}
caption,th {text-align:left;}

/*//////////////////////////////// basic element //////////////////////////////*/

body{ background:#fff; font-family:微软雅黑 ; font-size:14px; line-height:18px; color:#383838; text-align:center;}
a{ color:#383838;text-decoration:none;}
a:hover{ text-decoration:underline;}
p{ text-indent:2em;} 	
.fl{float:left;}
.fr{ float:right;}
.clr{ clear:both;}
.mt5{ margin-top:5px;}
.button{ width:100px; height:26px; line-height:26px; background:url(../images/btn.jpg) repeat-x; text-align:center; border:1px solid #dcdcdc; color:#666; cursor:pointer; }
label.error {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px dashed #FAC1C3;
    border-radius: 5px 5px 5px 5px;
    color: #BBBBBB;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 5px auto !important;
    padding: 4px 6px;
    text-align:center;
    width: 168px;
	float:left;
}
input.error{border:1px solid #FAC1C3 !important;} 

/*//////////////////////////////// basic layout //////////////////////////////*/

.main{ width:800px;overflow:hidden; margin:0 auto; text-align:left;}
.header{ background:url(../images/header-bg.jpg) no-repeat 50% 40px; height:150px; width:100%;}
.header h1{ background:url(../images/logo.jpg) no-repeat; width:176px; height:73px; display:block; text-indent:-9999px; margin:0 auto 0;}
.content{ width:100%; overflow:hidden;}

.paginationControl{margin: 10px 0 3px;padding: 3px 0;text-align: center;}
.paginationControl a,.paginationControl span{border: 1px solid #CCDBE4;color: #0061DE;margin-right: 3px;padding: 4px 3px;text-decoration: none;}
.paginationControl .current{border: 1px solid #fff;color: #000;margin-right: 3px;padding: 4px 3px;text-decoration: none;}
.paginationControl a:hover{border: 1px solid #2b55af;color: #fff;background-color:#3666d4;}
.paginationControl .disabled{color:#ccc;border: 1px solid #fff;padding: 2px 0px;}
/*--------------------        letterArea         -------------------------*/

.letterArea{width:416px;overflow:hidden;position:relative;}
.letterList{height:432px;}
.letterArea .letterItem{ position:absolute; width:364px;height:430px; border:1px solid #ccc; margin-bottom:25px; padding:0 25px;  z-index:3; }
.letterArea  .style1{ background:url(../images/style-1.jpg) no-repeat right bottom #fff;}
.letterArea  .style2{ background:url(../images/style-2.jpg) no-repeat right bottom #d7ebe2;}
.letterArea  .style3{ background:url(../images/style-3.jpg) no-repeat right bottom #fff;}
.letterArea .current{ z-index:5;}
.letterArea .prev{ z-index:4;}
.letterArea .letterShow_controls{background:#000;filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;height: 34px;position: absolute;right: 20px;top: 289px;width: 85px;z-index: 999999;}
	
.letterArea .letterItem .ding{display:block; overflow:hidden;float:left; background:url(../images/ding.png) no-repeat; height:28px;padding-left:30px; line-height:28px; font-size:18px;color:#834d35;font-family:'Segoe Script';font-weight:bold;text-shadow:1px 1px 1px #aaa;}

/*--------------------        formArea         -------------------------*/

.formArea{ float:right; width:335px; overflow:hidden;}
#form_add_question table td{ font-size:18px;}
#form_add_question table td input[type=text] { height:22px; line-height:22px; width:180px; border:1px solid #c5c6ca; font-size:15px; color:#666; font-family:微软雅黑;}
#form_add_question a.addOthersEmail{ display:block; float:right; width:20px; text-align:center; float:right; }
#form_add_question a.addOthersEmail:hover{font-size:22px; text-decoration:none;}


/*//////////////////////////////// footer //////////////////////////////*/

.footer{ height:62px; line-height:62px; background:url(../images/smaill-flower.jpg) no-repeat; padding-left:67px; font-size:18px; margin-top:3px;}